
 /* 搜索部分  */
.search{
  position:fixed;
  top: 0;
  left: 0;
  height:1.35rem;
  width: 100%;
  background-color: #fff;
  padding: .25rem .32rem;
  border-bottom: 1px solid #ddd;
  display: flex; 
  justify-content: center;
}
.search .s-left{
  position: relative;
  width: 12.2rem;
  height: 100%;
  display: flex;
  justify-content: center;
}
.search input{
  width: 100%;
  
  background: #f4f4f4;
  border: none;
  border-radius: 20px;
  font-size: .4rem;
  padding: .05rem 0 0 1rem;
}
.search i{
  position: absolute;
    left: .3rem;
    top: 5%;

}
.search .s-right{
  font-size: .46rem;
  width: 2.3rem;
  text-align: center;
  color: #11B57C;
}
.search .mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top:1.35rem;
  left: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 102;
  display: none;
}

/* 分类列表部分 */
.fl-list{
  background-color: #fff;
  display:flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 1.35rem;
}
.fl-list .nav{
  width:3.27rem;
  height: 100%;
  overflow: hidden;
  z-index: 98;
}
.fl-list .nav .navList{
  height: 100%;
  width: 3.27rem;
  padding: 0rem .5rem 100px 0;
  background-color:#f4f4f4;
  overflow-y: scroll;
  

}

.fl-list .navList li.active {
  color: #11B57C;
  border-left: .1rem solid #11B57C;
  background: #fff;

}
.fl-list .navList li{
  padding: .64rem 0rem .64rem 0;
  text-align: center;
  font-size: .42rem;
  color: #333;
  height: 1.7rem;
  width: 100%;
  box-sizing: border-box;
}

.fl-list .nav-right{
  width: 100%;
  box-sizing: border-box;
  padding: .5rem .6rem 50px .6rem;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* footer */
.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.53rem;
  background: #fff;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #ddd;
}
.footer a{
  text-align: center;
  font-size: .36rem;
  color: #8d8a8a;
}
.footer a .iconfont{
  display: inline-block;
  width: 2.04rem;
  height: 50%;
  font-size: .7rem;
}
.footer .active{
  color: #008842;
}